import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import RVerify from "rverify";
import "rverify/dist/RVerify.min.css";
import request from "@/utils/request";
import Auth from "@/components/Auth.vue"
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
import 'element-ui/lib/theme-chalk/index.css';
import ElementUI, {Notification, Table, TableColumn} from "element-ui";
import "./main.scss"
// 注册markdown编辑器
Vue.use(mavonEditor)
// mixins混入
import mixins from "@/mixins";
Vue.mixin(mixins)
// 修改el-table默认属性
const TableProps = Table.props
const TableColumnProps = TableColumn.props
TableProps.border.default = true // 边框
TableColumnProps.align.default = 'center' // 居中
TableColumnProps.showOverflowTooltip.default = true // 文本溢出
TableColumnProps.sortable.default = true
Vue.config.productionTip = false
Vue.use(ElementUI, {size: 'mini'})
Vue.use(Table)
Vue.use(TableColumn)
Vue.component('Auth', Auth)
// 注册RVerify旋转验证码
Vue.use(RVerify);
RVerify.configure({
    tolerance: 10,
    duration: 500,
    mask: 0.5,
    title: "身份验证",
    // text: "Make the image angle positive.",
    // extra: "View on Github",
    album: [
        "http://pic2.zhimg.com/50/v2-be54dda1c19aaeab4f90bcb699057d03_hd.jpg",
    ]
});
Vue.prototype.request = request
Vue.prototype.$notify = Notification


new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')
